<!DOCTYPE html>
<html>
  <head>
    <title>SimpleX Chat WebRTC call</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <link href="/desktop/style.css" rel="stylesheet" />
    <script src="/lz-string.min.js"></script>
  </head>
  <body>
    <video
      id="remote-screen-video-stream"
      class="inline"
      playsinline
      poster=""
      style="visibility: hidden"
      onclick="javascript:toggleRemoteScreenVideoFitFill()"
    ></video>

    <video
      id="remote-video-stream"
      class="inline"
      playsinline
      poster=""
      onclick="javascript:toggleRemoteVideoFitFill()"
    ></video>

    <video
      id="local-video-stream"
      class="inline"
      muted
      playsinline
      poster=""
    ></video>

    <video
      id="local-screen-video-stream"
      class="inline"
      muted
      playsinline
      poster=""
      style="visibility: hidden"
    ></video>

    <div id="progress"></div>
    <div id="info-block">
      <p id="state"></p>
      <p id="description"></p>
      <b id="media-sources" style="color: #fff"></b>
    </div>
    <div id="audio-call-icon">
      <img src="/desktop/images/ic_phone_in_talk.svg" />
    </div>

    <div id="permission-denied">
      <p id="permission-denied-title"></p>
      <p id="permission-denied-desc"></p>
    </div>

    <p id="manage-call">
      <button id="toggle-screen" onclick="javascript:toggleScreenManually()">
        <img src="/desktop/images/ic_screen_share.svg" />
      </button>
      <button id="toggle-mic" onclick="javascript:toggleMicManually()">
        <img src="/desktop/images/ic_mic.svg" />
      </button>
      <button id="end-call" style="background: red" onclick="javascript:endCallManually()">
        <img src="/desktop/images/ic_call_end_filled.svg" />
      </button>
      <button id="toggle-speaker" onclick="javascript:toggleSpeakerManually()">
        <img src="/desktop/images/ic_volume_up.svg" />
      </button>
      <button id="toggle-camera" onclick="javascript:toggleCameraManually()">
        <img src="/desktop/images/ic_videocam_off.svg" />
      </button>
    </p>
  </body>
  <footer>
    <script src="/call.js"></script>
    <script src="/desktop/ui.js"></script>
  </footer>
</html>
